@font-face {
  font-family: "DS-DIGI-1";
  src: url('../../../assets/font/DS-DIGI-1.ttf');
}

.pageRun > div:nth-child(2) {
  float: left;
  width: 600px;
  height: 100%;
  margin-right: 20px;
}

.pageRun > div:nth-child(3) {
  float: left;
  width: calc(100% - 620px);
  height: 100%;
}

.runTime > section:nth-child(1) {
  width: 100%;
  height: 10%;
}

.runTime > section:nth-child(2) {
  width: 100%;
  height: 77%;
  border: 3px solid #213040;
  border-radius: 15px;
  min-height: 650px;
}

.runTime > section:nth-child(3) {
  width: 100%;
  height: 10%;
}

.runTime > section:nth-child(1) > div:nth-child(1),
.runTime > section:nth-child(3) > div:nth-child(1) {
  float: left;
}

.runTime > section:nth-child(1) > div:nth-child(2),
.runTime > section:nth-child(3) > div:nth-child(2) {
  float: right;
}

.runTime > section:nth-child(1) > div:nth-child(1),
.runTime > section:nth-child(3) > div:nth-child(1),
.runTime > section:nth-child(1) > div:nth-child(2),
.runTime > section:nth-child(3) > div:nth-child(2) {
  width: 200px;
  height: 50px;
  line-height: 50px;
  background-color: #383C96;
  border-radius: 15px;
  margin-top: 15px;
  color: #fff;
  font-size: 25px;
  text-align: center;
  cursor: pointer;
}

.runTime > section:nth-child(2) > div:nth-child(1) {
  height: 5%;
  width: 100%;
}

.runTime > section:nth-child(2) > div:nth-child(1) > div {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}

.runTime > section:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
  float: left;
  margin-left: 50px;
}

.runTime > section:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
  float: right;
  margin-right: 50px;
}

.runTime > section:nth-child(2) > div:nth-child(2) {
  height: 80%;
  width: 100%;
}

.runTime > section:nth-child(2) > div:nth-child(3) {
  height: 80px;
  width: 280px;
  border: 5px solid #33BE94;
  border-radius: 15px;
  margin: 5px auto;
  background-color: #ddd;
}

.runTime > section:nth-child(2) > div:nth-child(3) > div {
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-family: DS-DIGI-1, serif;
  text-align: center;
  color: #383C96;
}

.runTime > section:nth-child(2) > div:nth-child(3) > div:nth-child(1) {
  font-size: 35px;
  letter-spacing: 8px;
}

.runTime > section:nth-child(2) > div:nth-child(3) > div:nth-child(2) {
  font-size: 25px;
  padding-right: 8px;
}

.runTimeCircle {
  position: relative;
}

.runTimeCircle > div:nth-child(1) {
  width: 100%;
  padding: 10px 0 0 47px;
}

.runTimeCircle > div:nth-child(2) {
  position: absolute;
  width: 250px;
  height: 320px;
  top: 98px;
  left: 172px;
  color: #383C96;
}

.runTimeCircle > div:nth-child(2) > div:nth-child(1) {
  width: 58px;
  height: 55px;
  margin-left: 96px;
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}

.runTimeCircle > div:nth-child(2) > div:nth-child(2) {
  font-family: DancingScript-Bold, serif;
  width: 150px;
  height: 50px;
  line-height: 50px;
  margin-left: 50px;
  margin-top: 20px;
  text-align: center;
  font-size: 25px;
}

.runTimeCircle > div:nth-child(2) > div:nth-child(3) {
  width: 200px;
  height: 80px;
  line-height: 80px;
  margin-left: -10px;
  margin-top: 20px;
  text-align: center;
  font-size: 70px;
  font-weight: bold;
  cursor: pointer;
}